<template>
	<view>
		<view class="content">
			<form  class="handFormBox" @submit="formSubmit" @reset="formReset">
				<view class="uni-form-item" v-for="(item, index) in formList" :key="index">
					<view>
						<view class="title">{{item.title}}:</view>
						<view class="uni-input">
							{{item.value}}
						</view>
					</view>
				</view>
			</form>
		</view>
		<view class="uni-pagination-box">
			<uni-pagination  prev-text="上一页"  next-text="下一页"  total="20" current="1"></uni-pagination>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				formList:[
					{title:'费用承担单位',value:'时代邻里股份有限公司'},
					{title:'费用承担部门',value:'市场'},
					{title:'金额',value:'￥1000.00'},
					{title:'比例',value:'50%'}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.head{
		margin-top: 40rpx;
		padding:20rpx;
		display: flex;
		  .conetnt-box{
		  	margin-left: 20rpx;
		  	text{
		  		display:block;
		  	}
		  }
		  .svg-icon{
			  font-size: 1.4em;
			  margin-top: 40rpx;
		  }
	}
	.uni-pagination-box{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		color: #33B4C5;
		background: #fff;
	}
	.uni-form-item{
		padding: 30rpx;
		font-weight: 400;
		background-color: white;
		margin-bottom: 20rpx;
		.title{
			height: 50rpx;
			line-height: 50rpx;
			font-weight: 600;
		}
		.uni-input{
			height: 50rpx;
			line-height: 50rpx;
		}
	}


</style>
